import { createRouter, createWebHashHistory } from 'vue-router'

// 路由表规则
const routes = [
  // Layout一级路由路径
  {
    path: '/',
    // 组件的懒加载
    component: () => import('@/views/layout'),
    // 二级路由规则
    children: [
    // 空字符串表示默认路由，一进入Layout就展示Home页面
    // 表示展示 一级路由的架子的同时,也展示二级组件内部的内容
      // Home首页路径
      { path: '', component: () => import('@/views/Home') },
      // 商品一级分类页
      { path: '/category/:id', component: () => import('@/views/Category') },
      // 商品二级分类详情页
      { path: '/category/sub/:id', component: () => import('@/views/Category/Sub') },
      // 商品详情页面
      { path: '/goods/:id', component: () => import('@/views/Goods') },
      // 购物车详情页面
      { path: '/cart', component: () => import('@/views/Cart') }
    ]
  },
  // 登录页面路径
  {
    path: '/login',
    // 组件的懒加载
    component: () => import('@/views/login')
  },
  // 联合登录页面
  {
    path: '/login/callback',
    component: () => import('@/views/login/callback')
  },
  // 测试
  {
    path: '/playgrounds',
    // 组件的懒加载
    component: () => import('@/views/playground')
  }
]

// 通过导入函数createRouter 创建路由实例
const router = createRouter({
  history: createWebHashHistory(),
  routes,
  // 刷新或路由切换行为时，回到顶部
  scrollBehavior: () => ({ top: 0 })
})

export default router
